<html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>微课-登录</title>

<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/basic.css" rel="stylesheet">
<link href="../css/common.css" rel="stylesheet">
<link href="../css/theme.css" rel="stylesheet">
<link href="../css/sweet-alert.css" rel="stylesheet" />
<script src="../js/common/sweet-alert.js"></script>

<head>

  <meta charset="UTF-8">

    <script src="../js/common/modernizr.js"></script>
<style>
@import url(http://fonts.useso.com/css?family=Source+Sans+Pro);
body {
	  background:#2d3b36 url(../images/login_bg.jpg)no-repeat center center fixed;
  	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

/*输入框默认文字颜色*/

::-webkit-input-placeholder {
	  color: #fff !important;
}

:-moz-placeholder{ 
    color: #fff !important; 
}

::-moz-placeholder {
    color: #fff !important;
}

:-ms-input-placeholder {  
	  color: #fff !important; 
}
</style>
</head>

<body id="main">


	<!-- 主要内容 -->
	<div class="container summary">

		<div class="row">

			<div class="col-md-5 slogan">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<img src="../images/logo1.gif">
					</div>
				</div>
				<div class="row mt100">
					<div class="col-md-8 col-sm-12">
						<h1>知识改变命运</h1>
					</div>
				</div>
				<div class="row mt50 mb50">
					<div class="col-md-offset-1 col-md-9 col-sm-12">
						<h1>
							把握尽在 <img src="../images/v.jpg" width="45" height="60" class="img-circle"> <img src="../images/k.jpg" width="45" height="60" class="img-circle">
						</h1>
					</div>
				</div>


			</div>

			<div class="col-md-6 col-sm-12">

				<ul class="nav nav-tabs" role="tablist" id="feature-tab">
                	<li class="active pull-right"><a href="#tab-student" role="tab"
						data-toggle="tab">学生</a></li>
					<li class="pull-right"><a href="#tab-teacher" role="tab" data-toggle="tab">老师</a></li>
					
				</ul>

				<div class="tab-content  img-rounded mt30">
					<div class="tab-pane" id="tab-teacher">
						<div class="row">
							<div class="col-md-12">

                                <form class="login_box">
                                    <div class="form-group">
                                        <input type="text" class="form-control input-lg" maxlength="20"
                                            id="teacher_no" placeholder="请输入工号">
                                    
                                    </div>
                                    
                                    <div class="form-group">
                                        <input type="password" class="form-control input-lg" maxlength="20"
                                            id="teacher_pwd" placeholder="请输入密码">
                                    
                                    </div>
                                    <!-- 
                                    <div class="form-group">
                                        <label hidefocus="true" for="auto-signin"> <input
                                            type="checkbox" id="auto-signin" checked="checked">下次自动登录
                                        </label>
                                    </div>
                                    -->
                                    <div class="form-group">
                                        <a class="btn btn-primary btn-block btn-lg white"
                              role="button" id="teacher">尊师请进</a>
                                    </div>
                                    
                                    <div class="form-group">
                                        <a href="#" data-toggle="modal" data-target="#t_forget" class="pull-right white">忘记密码？</a> 
                                    </div>
                                
                                
                                </form>
							</div>
						</div>
					</div>


					<div class="tab-pane active" id="tab-student">
						<div class="row">
							<div class="col-md-12">
								<form class="login_box">
									<div class="form-group">
										<input type="text" class="form-control input-lg" maxlength="20"
											id="student_no" placeholder="请输入学号">

									</div>

									<div class="form-group">
										<input type="password" class="form-control input-lg" maxlength="20"
											id="student_pwd" placeholder="请输入密码">

									</div>
<!-- 
									<div class="form-group">
										<label hidefocus="true" for="auto-signin"> <input
											type="checkbox" id="auto-signin" checked="checked">下次自动登录
										</label>
									</div>
 -->
									<div class="form-group">
										<a class="btn btn-primary btn-block btn-lg white" id="student" role="button">学霸请进</a>
									</div>

									<div class="form-group text-center">
										<a href="#" data-toggle="modal" data-target="#s_forget"
											class="white pull-right">忘记密码？</a> 
									</div>

								</form>
							</div>
						</div>
					</div>
				</div>
				<!--登录框-->

			</div>

		</div>
		<!--row-->

		<!-- 忘记密码提示弹框 -->
		<div class="modal fade" id="t_forget" tabindex="-1" role="dialog"
			aria-labelledby="modal-label" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-body">
						<p>1、初始密码为您的职工号，为保证您的信息安全，请尽快修改密码！</p>
						<p>2、如您遗忘密码，请及时联系管理员！</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">了解</button>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="s_forget" tabindex="-1" role="dialog"
			aria-labelledby="modal-label" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-body">
						<p>1、初始密码为您的学号号，为保证您的信息安全，请尽快修改密码！</p>
						<p>2、如您遗忘密码，请及时联系李老师！</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">了解</button>
					</div>
				</div>
			</div>
		</div>

		<hr class="feature-divider">
		<footer>
			<p class="text-center"><span class=" white">&copy;微课</span></p>
		</footer>

	</div>

	<script src="../js/common/jquery.min.js" type="text/javascript"></script>
	<script src="../js/common/bootstrap.min.js"></script>
	<script src="../js/common/maskUtil1.js"></script>
	<script src="../js/common/commonAjax.js"></script>
	<script src="../js/home/login.js"></script>
	<script type="text/javascript">
		$(function(){
			login.init();
		});
	</script>
</body>
</html>